<template>
    <div style="display: flex; justify-content: center;">
        <div style="width: 350px; margin-bottom: 30px;">
            <el-segmented v-model="segmentedValue" :options="segmentedOptions" size="large" block/>
        </div>
    </div>

    <!--论文-->
    <div v-if="segmentedValue === '论文'">
        <paper></paper>
    </div>

    <!--专利-->

    <div v-else-if="segmentedValue === '专利'">
        <patent></patent>
    </div>

    <!--学生显示学术交流-->
    <div v-else-if="segmentedValue === '学术交流'">
        <academicExchange></academicExchange>
    </div>

</template>

<script setup>
import paper from '@/views/achievements/paper.vue'
import patent from '@/views/achievements/patent.vue'
import academicExchange from '@/views/achievements/academicExchange.vue'
import { ref } from 'vue';

const segmentedOptions = ['论文', '专利', '学术交流']
const segmentedValue = ref('论文')


</script>